import { createApp } from 'vue';
import { createPinia } from 'pinia';
import 'babel-polyfill';
import router from '@/router/index.js';
import 'animate.css';
import '@/assets/css/base.css';
import '@/assets/css/ant-base.scss';
import '@/assets/css/common.scss';
import App from '@/App.vue';
import * as directives from '@/utils/directives';
import DeptTreeSelect from '@/components/dept-tree-select.vue';
import UploadImg from '@/components/upload-img.vue';
import UploadFile from '@/components/upload-file.vue';
import { Table } from 'ant-design-vue';

Table.props.size.default = 'small'

const app = createApp(App);

for (let key in directives) {
  app.directive(key, directives[key])
}

app.component('DeptTreeSelect', DeptTreeSelect)
app.component('UploadImg', UploadImg)
app.component('UploadFile', UploadFile)

app.use(createPinia());
app.use(router)
app.mount('#app')
